<template>
	<el-menu :default-active="this.path" router style="width: 200px; height:100%; min-height: calc(100vh - 40px)"
		unique-opened>
		<div style="display: flex;align-items: center;justify-content: center;padding: 11px 0;">
			<img alt="" src="@/assets/logo.png" style="width: 60px;">
		</div>
		<el-menu-item index="/main">
			<el-icon>
				<house />
			</el-icon>
			<span>首页</span>
		</el-menu-item>
		<el-menu-item index="/food">
			<el-icon>
				<sugar />
			</el-icon>
			<span>美食管理</span>
		</el-menu-item>
		<el-menu-item index="/user">
			<el-icon>
				<avatar />
			</el-icon>
			<span>用户管理</span>
		</el-menu-item>
		<el-menu-item index="/online">
			<el-icon>
				<setting />
			</el-icon>
			<span>网站留言</span>
		</el-menu-item>
	</el-menu>
</template>

<script>

</script>

<style scoped>
	.icon {
		margin-right: 6px;
	}

	.el-sub-menu .el-menu-item {
		height: 50px;
		line-height: 50px;
		padding: 0 45px;
		min-width: 199px;
	}

	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		font-family: 'Poppins', sans-serif;
	}
</style>
